import { Component } from '@angular/core';
import {Modal} from '../modal/modal';
import {
  Divider
} from '../../shared/divider/divider';
import {Accordion} from '../accordion/accordion';

@Component({
  selector: 'app-mods-home',
  imports: [
    Modal,
    Divider,
    Accordion
  ],
  templateUrl: './mods-home.html',
  styleUrl: './mods-home.css'
})
export class ModsHome {
  modalOpen = false;
  items = [
    {title:'Why is the sky blue?',content:'The sky is blue because it is'},
    {title:'What does an orange taste like?',content:'An orange tastes like an orange'},
    {title:'What color is that cat',content: 'The cat is a black color'}
  ];

  onClick(){
    this.modalOpen = !this.modalOpen;
  }
}
